<template>
<div>
	<div class="fen">
		<div class="fenneirong fs">
			<div class="fenneirongz">
				<div>
					<span class="shuzi">4.9</span>
					<span class="fenshu">分</span>
					<span class="bang">很棒</span>
				</div>
				<div>
					<span class="pinglun">126801条评论</span>
					<span class="gong">83条攻略</span>
					<span class="jiantou iconfont iconjiantou"></span>
				</div>
			</div>
			<div class="fenneirongr">
				<div>
					<span class="jingdianjj">景点简介</span>
				</div>
				<div>
					<span class="kaitime">开放时间、贴士</span>
					<span class="jiantouto iconfont iconjiantou"></span>
				</div>
			</div>
		</div>
		<div class="dizhi">
			<p class="baodizhi">
			<span class="dingwei iconfont icondizhiguanli"></span>
			陕西省西安市临潼县秦始皇陵东1.5公里处
			<span class="rjiantou iconfont iconjiantou"></span>
			</p>
		</div>
	</div>
	<div class="laba">
		<div class="labawenzi">
			<span class="labatu iconfont iconlaba"></span>
			尊敬的游客：自5月1日起秦始皇帝陵博物院
			<span class="labajian iconfont iconjiantou"></span>
		</div>
	</div>
	
</div>
</template>

<script type="text/javascript">
	
</script>


<style scoped>
	.fen{
		position: relative;
	    top: -.1rem;
	    padding: .1rem .2rem 0 .2rem;
	    margin-bottom: .1rem;
	    background: #fff;
	    -webkit-border-radius: .1rem .1rem 0 0;
	    -moz-border-radius: .1rem .1rem 0 0;
	    border-radius: .1rem .1rem 0 0;
	}
	.fenneirong{
		display: flex;
    	width: 100%;
	}
	.fs{
		padding-top: .1rem;
    	padding-bottom: .2rem;
	}
	.fenneirongz{
		position: relative;
	}
	.shuzi{
		font-size: .44rem;
	    color: #ff8300;
	    line-height: .44rem;
	}
	.fenshu{
		font-size: .28rem;
	    color: #ff8300;
	    line-height: .48rem;
	}
	.bang{
		font-size: .28rem;
    	color: #ff8300;
    	line-height: .48rem;
    	margin-left: .2rem;	
	}
	.pinglun{
		font-size: .24rem;
    	color: #9e9e9e;
    	line-height: .32rem;
    	margin-right: .2rem;
	}
	.gong{
		font-size: .24rem;
    	color: #9e9e9e;
    	line-height: .32rem;
    	margin-right: .2rem;
	}
	.jiantou{
		position: absolute;
    	top: .3rem;
    	right: .2rem;
    	color: #9e9e9e;
    	font-size: .24rem;
	}
	.fenneirongr{
		position: relative;
	}
	.jingdianjj{
		font-size: .28rem;
    	color: #212121;
    	line-height: .48rem;
    	padding-left: .3rem;
	}
	.kaitime{
		color: #9e9e9e;
    	font-size: .24rem;
    	padding-left: .3rem;	
	}
	.jiantouto{
		position: absolute;
    	top: .3rem;
    	right: .2rem;
    	color: #9e9e9e;
    	font-size: .24rem;	
	}
	.dizhi{
		display: block;
    	position: relative;
    	padding: .2rem 0;
    	line-height: .36rem;
    	color: #212121;	
	}
	.baodizhi{
		padding-right: .56rem;
    	position: relative;
    	padding-left: .56rem;	
	}
	.dingwei{
		display: block;
    	height: 100%;
    	line-height: 100%;
    	position: absolute;
    	left: 0;
    	top: .16rem;
    	margin-top: -.16rem;
    	margin-right: .2rem;
    	color: #9e9e9e;
    	font-size: .36rem;	
	}
	.rjiantou{
		position: absolute;
    	right: 0;
    	top: 50%;
    	margin-top: -.14rem;
    	color: #9e9e9e;
    	font-size: .24rem;
	}
	.laba{
		background-color: #fff5e5;
    	color: #ff8300;
    	margin-bottom: .2rem;
    	height: .88rem;
    	line-height: .88rem;	
    	padding-left: .23rem;
	}
	.labawenzi{
		padding-right: .6rem;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	position: relative;	
	}
	.labatu{
		color: #ff8300;
    	margin-right: .1rem;
	}
	.labajian{
		right: .2rem;
    	position: absolute;
    	/*top: .3rem;*/
    	color: gray;	
	}
</style>